<template>
	<div style="margin-top:10px;">
		用户手机号：<input type="text" placeholder="请输入手机号码">
		下单人姓名：<input type="text" placeholder="请输入下单人姓名">
		状态：<select>
			<option value="" label-width="100px">全部</option>
			<option value="" label-width="100px">已取消</option>
			<option value="" label-width="100px">待接单</option>
			<option value="" label-width="100px">已结单配送中</option>
			<option value="" label-width="100px">已完成</option>
		</select>
		所属门店：<input type="text" placeholder="请输入下单人姓名">





		<el-form :inline="true" style="margin-top:10px;">
			<el-form-item label="下单日期:">
				<el-date-picker value-format="yyyy-MM-dd HH:mm:ss" type="daterange" range-separator="至"
					start-placeholder="开始日期" end-placeholder="结束日期">
				</el-date-picker>
				<el-button type="primary" icon="el-icon-search">搜索</el-button>
			</el-form-item>
		</el-form>




		<!-- 分页 -->
		<el-pagination small layout="prev, pager, next" :total="50">
		</el-pagination>

	</div>
</template>

<script>
	export default {
		methods: {
			handleSizeChange(val) {
				//console.log(`每页$ {val}条`);
				this.queryInfo.pageSize = val;
				this.queryInfo.pageNum = 1;
				this.queryCommunityList();
			},
			handleCurrentChange(val) {
				//console.log(`当前页： $ {val}`);
				this.queryInfo.pageNum = val;
				this.queryCommunityList()
			},
		},
	}
</script>

<style>
</style>